<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		name: 'app'
	}
</script>

<style>
	* {
		margin: 0px;
		padding: 0px;
	}
	html {
		height: 100%;
	}
	body {
		height: 100%;
	}
	#app {
		font-family: '微软雅黑', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #2c3e50;
		height: 100%;
	}
	/**
	 * c-m-开头为公共样式
	 * 公共的panel样式
	 */
	.c-m-panel {
		border: 1px solid #E6E6E6;
		border-radius: 5px;
		box-shadow: 0px 0px 10px #E6E6E6;
	}
	
	.c-m-panel .c-m-title{
		padding: 10px;
		font-size: 15px;
		color: #000000;
		opacity: 0.87;
	}
	
	.c-panel {
		border: 1px solid #E6E6E6;
		border-radius: 5px;
		box-shadow: 0px 0px 10px #E6E6E6;
		background-color: #FFFFFF;
		padding: 20px;
	}
	@keyframes ani-demo-spin {
        from { transform: rotate(0deg);}
        50%  { transform: rotate(180deg);}
        to   { transform: rotate(360deg);}
    }
    .c-icon-loading{
        animation: ani-demo-spin 1s linear infinite;
    }
</style>